<!--
@Author: 刘洋 3016218175

@Date: 2018-12-12

@行政人员员工打卡记录信息管理界面

@Last Modified time: 2018-12-16-->
<!-- Main content -->
<section class="content">
  <div class="row">
    <div class="col-xs-12">
      <div class="box">
        <div class="box-header">
          <h3>打卡记录信息</h3>
          <div class="form-group">
            <div class="input-group" >
              <label>日期范围 ：</label>
              <input type="date" #startday id="start">
              <label> -- </label>
              <input type="date" #endday id="end">
              <label>员工ID ：</label>
              <input type="text" #ID name="q" placeholder="Search">
              <button type="button" name="search" id="search-btn" class="btn btn-flat" (click)="searchSign(startday.value,endday.value,ID.value)"><i class="fa fa-search" style="width:75%;"></i></button>
            </div>
          </div>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
          <table id="example2" class="table table-bordered table-hover">
            <thead>
            <tr>
              <th>打卡记录</th>
              <th>员工ID</th>
              <th>打卡日期</th>
              <th>上班打卡时间</th>
              <th>下班打卡时间</th>
            </tr>
            </thead>
            <tbody>
            <tr *ngFor="let sign of signInInfo;let i = index;">
              <td>{{i + 1}}</td>
              <td>{{sign.user_id}}</td>
              <td>{{sign.day}}</td>
              <td>{{sign.sign_in}}</td>
              <td>{{sign.sign_out}}</td>
            </tr>
            </tbody>
          </table>
        </div>
        <!-- /.box-body -->
      </div>
      <!-- /.box -->
    </div>
    <!-- /.col -->
  </div>
  <!-- /.row -->
</section>
<!-- /.content -->